.cao-nav-left .cao-ten {
    font-weight: 600;
    color: #000000;
}



.cao-hot-label:hover {

    color: red;
    /* 鼠标悬停时文字变红 */

}

li {
    list-style: none;
}

.cao-nav {
    display: flex;
    /* position: fixed; */
    justify-content: space-between;
    font-size: 20px;
    margin: 25px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
}

.cao-nav-left span {
    vertical-align: middle;
}

.cao-nav form {
    display: flex;
}

.cao-nav input {
    width: 470px;
    height: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 5px 10px;
    font-size: 16px;

}

.cao-nav button {

    border: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.cao-nav .iconfont {
    font-size: 35px;
}

.cao-nav-right .iconfont {
    margin-right: 15px;
}

.cao-nav-right .icon-vip {
    color: #ff961c;
}

.cao-nav img {
    width: 34px;
    border-radius: 17px;
}


input {
    border: 2px solid orange;
}

button {
    width: 100px;
    height: 45px;
    font-size: 14px;
    background-color: orange;
}

.cao-partition {
    height: 30px;
    background-color: #f1f1f1;
}

.cao-content {
    width: 80%;
    margin: 0 auto;
    display: flex;
    line-height: 30px;
    font-size: 13px;
}

.cao-content .cao-celected {
    margin-right: 10px;
    border-bottom: 2px solid orange;
}

article {
    width: 80%;
    margin: 30px auto;
    display: flex;

    justify-content: space-between;

}

.cao-left {
    width: 90%;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    margin-right: 15px;
}

.cao-left h2 {
    color: orange;
}

.cao-left a {
    width: 160px;
    display: inline-block;
    flex-direction: column;



    margin: 15px 5px;
}

.cao-left a img {
    width: 100%;
    /* 图片宽度自适应，最大不超过其父元素的宽度 */
    height: 245px;
    /* 图片高度自适应，最大不超过其父元素的高度 */
    border-radius: 5px;
}

.cao-left a h4 {
    color: #000000;
    width: 100%;
    height: 50px;
}

.cao-left a p {
    font-size: 12px;
    color: #a1a1a1;
}

.cao-right {
    width: 30%;
}

.cao-hot {
    display: flex;
    justify-content: space-between;
}

.cao-right a {
    font-size: 14px;
    color: #a1a1a1;
    line-height: 32px;
}

.cao-u {
    display: flex;
    justify-content: space-around;
    margin: 10px 0;
    color: #a1a1a1;
}

.cao-u .cao-celected a {
    color: orange;
    border-bottom: 2px solid orange;
    padding: 5px 0px;
}

.cao-o {
    margin-left: 25px;
    font-size: 16px;
}

.cao-o span {
    margin-right: 10px;
}

.cao-o li {
    height: 45px;
    line-height: 45px;
}

.cao-o .cao-celected {
    color: orange;
}